<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<title>疯狂"答人"</title>
		<style type="text/css">
			html,
			body {
				background-color: #162657;
				height: 100%;
			}
		</style>
	</head>

	<body>
		<div class="page2">
			<div class="title-img">
				<img src="img/page2-title.png" />
			</div>
			<div class="timu">
				<div class="firstpart js-question-list">
					<ul>
						<li>
							酒店英语
							<p>
								<img src="img/xingxing-0.png" />
								<img src="img/xingxing-0.png" />
								<img src="img/xingxing-0.png" />
							</p>
						</li>
						<li>
							礼仪常识
							<p>
								<img src="img/xingxing-1.png" />
								<img src="img/xingxing-1.png" />
								<img src="img/xingxing-0.png" />
							</p>
						</li>
						<li>
							餐饮知识
							<p>
								<img src="img/xingxing-1.png" />
								<img src="img/xingxing-1.png" />
								<img src="img/xingxing-0.png" />
							</p>
						</li>
						<li>
							客房服务
							<p>
								<img src="img/xingxing-0.png" />
								<img src="img/xingxing-0.png" />
								<img src="img/xingxing-0.png" />
							</p>
						</li>
						<li>
							市场营销
							<p>
								<img src="img/xingxing-1.png" />
								<img src="img/xingxing-1.png" />
								<img src="img/xingxing-0.png" />
							</p>
						</li>
						<li>
							人力资源
							<p>
								<img src="img/xingxing-1.png" />
								<img src="img/xingxing-1.png" />
								<img src="img/xingxing-0.png" />
							</p>
						</li>
						<li class="EndOfTheTitle">
							财务管理
							<p>
								<img src="img/xingxing-0.png" />
								<img src="img/xingxing-0.png" />
								<img src="img/xingxing-0.png" />
							</p>
						</li>
						<li class="EndOfTheTitle">
							酒店咨询
							<p>
								<img src="img/xingxing-0.png" />
								<img src="img/xingxing-0.png" />
								<img src="img/xingxing-0.png" />
							</p>
						</li>
					</ul>
				</div>
				<div class="menu">
					<ul>
						<li class="li1 js-activity-rule">
							<img src="img/page2-rule.png" />
							<p>活动规则</p>
						</li>
						<li class="li2 js-share">
							<img src="img/share.png" alt="" />
							<p>召唤小伙伴</p>
						</li>
						<li class="li3 js-rule-record">
							<img src="img/page2-awaid.png" />
							<p>奖励记录</p>
						</li>
					</ul>
				</div>
			</div>

		</div>
		<div class="background"></div>
		<div class="share-background"></div>
		<!--答题机会用完-->
		<div class="change-end">
			<p class="title"><strong>抱歉</strong></p>
			<p>您的答题机会已用完,</p>
			<p>去别的关卡试试吧~</p>
			<div>
				<a class="close-img" href="javascript:;">好的</a>
			</div>
		</div>

		<!--活动规则-->
		<div class="activity-ruls">
			<div class="activity-img">
				<img src="img/huodongguizhe.png" />
				<p>活动规则</p>
			</div>

			<div class="total">
				<div class="activity-time">
					<p></p>&nbsp; &nbsp; &nbsp;<span>活动时间</span>&nbsp; &nbsp; &nbsp;
					<p></p>
					<div>2016年8月17日~8月26日</div>
				</div>
				<div class="award">
					<div class="part1">
						<p></p>&nbsp; &nbsp; &nbsp;<span>丰厚大奖</span>&nbsp; &nbsp; &nbsp;
						<p></p>
					</div>
					<p class="p1">静音香薰加湿机、小米手环、50元三网通用手机话费、酒店职业经理人学习大礼包 </p>
					<p class="p2">注：酒店职业经理人学习大礼包有效期限即日起截止到2016年11月30日</p>
				</div>
				<div class="rule">
					<div class="part1">
						<p></p>&nbsp; &nbsp; &nbsp;<span>活动规则</span>&nbsp; &nbsp; &nbsp;
						<p></p>
					</div>
					<ul>
						<li><span></span>
							<p>可根据自己的喜好或擅长选择挑战关卡，共有8关；</p>
						</li>
						<li><span></span>
							<p>每关有6题，答对4道即可通关，并获得1次抽奖机会；</p>
						</li>
						<li><span></span>
							<p>每个关卡有3次挑战机会，如果你够厉害的话，所有关卡等你来挑战；</p>
						</li>
						<li><span></span>
							<p>获奖后，填写完真实有效（以便我们联系）</p>
						</li>
					</ul>
				</div>
				<div class="close-img">
					<img src="img/close-img.png" />
				</div>
			</div>

		</div>
		<!--奖励记录-->
		<div class="rule-record">
			<div class="activity-img">
				<img src="img/huodongguizhe.png" />
				<p>奖励记录</p>
			</div>
			<div class="total">
				<p class="chisu">您还有 <span>15</span> 次抽奖机会</p>
				<div class="record">
					<ul>
						<li>
							<div class="img1">
								<img src="img/20yuan.png" />
							</div>
							<p>600元抵用券（总监级别）</p>
						</li>
						<li>
							<div class="img1">
								<img src="img/600yuan.png" />
							</div>
							<p>600元抵用券（总监级别）</p>
						</li>
						<li>
							<div class="img1">
								<img src="img/800yuan.png" />
							</div>
							<p>600元抵用券（总监级别）</p>
						</li>

					</ul>
				</div>
				<div class="close-img">
					<img src="img/close-img.png" />
				</div>
			</div>
		</div>
		<!--分享朋友圈-->
		<div class="share">
			<img src="img/sharefriends.png" />
		</div>
	</body>
	<script src="js/jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(".share-background").click(function() {
			$(this).hide(100)
			$('.share').hide(100);
			$('html body').css({
				'overflow': 'auto'
				
			})
		})
	</script>

</html>